<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/base.css">
		<style type="text/css">
			.mui-content>.mui-table-view:first-child{
				margin-top: 0;
			}
		</style>
	</head>

	<body>
		
		<!-- 头部标题 -->
		<header class="mui-bar mui-bar-nav">
			<!-- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> -->
			<h1 class="mui-title">设置</h1>
		</header>
		
		<div class="mui-content">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						意见反馈
					</a>
				</li>
				<li class="mui-table-view-cell" id="clearCache">
					<a class="mui-navigate-right">
						清除缓存
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						关于我们
					</a>
				</li>
			</ul>
		</div>
		
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			
			mui.plusReady(function () {
				// 会检测APP是否加载成功，能使用plus对象
				// tap  手指触摸事件（类似点击操作）
				// 给“清除缓存”列表项，绑定点击事件
				console.log(JSON.stringify(mui('#clearCache')));
				// document.querySelector('#clearCache').addEventListener()
				mui('#clearCache')[0].addEventListener('tap',function(){
					// alert(1);
					// localStorage
					// 清除APP应用缓存（比如做了离线记录）
					plus.storage.clear();
					
					// 弹窗提示用户
					// 调用弹窗
					// plus.nativeUI.alert('缓存清除成功',function(){},'提示','我知道了');
					
					// 调用菜单
					// plus.nativeUI.actionSheet({
					// 	title: 'Hello HTML5 plus!',
					// 	cancel: '取消',
					// 	buttons: [
					// 		{
					// 			title: '不同意',
					// 			style: 'destructive'		// 红色字体
					// 		},
					// 		{
					// 			title: '同意',
					// 		}
					// 	]
					// },function(e){
					// 	// 哪个选项（数字）
					// 	alert(e.index);
					// });
					
					// 调用日历
					// plus.nativeUI.pickDate(function(e){
					// 	alert(e.date);		// 用户选择的日期或时间
					// },function(){},{
					// 	title: '请选择日期：',
					// 	date: new Date().setFullYear(2018,8,8),// 默认显示的日期
					// 	minDate: new Date().setFullYear(2010,0,1),// 设置最小可选日期为“2010-01-01”
					// 	maxDate: new Date().setFullYear(2020,11,31)// 设置最大可选日期为“2020-12-31”
					// });
					
					// 提示
					plus.nativeUI.toast('缓存清除成功',{
						duration: '3s'
					});
				})
			})
			
			
		</script>
	</body>

</html>
